<template>
  <div class="redhat-wrapper">
    <div class="redhat-certification-wrap">
      <div class="certification-title">
        <span class="title-text">红帽认证体系</span>
        <span class="title-text2">首页 > 认证课程体系 > 红帽认证体系</span>
      </div>
      <div class="certification-content">
        <div class="list">
          <el-select v-model="value" clearable placeholder="ORACLE">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
            <el-select v-model="value1" clearable placeholder="ORACLE">
              <el-option
                v-for="item in options1"
                :key="item.value1"
                :label="item.label1"
                :value="item.value1">
            </el-option>
            </el-select>
        </div>
        <div class="certification-content-detailed">
          <div class="detailed-name">
            RHCE:
            <span class="detailed-name1">RH124</span>
          </div>
          <div class="detailed-summary">
            <div class="detailed-summary1"><span class="">课程概述</span></div>
          </div>
          <div
            class="detailed-summary-text1"
          >相关的系列课程由两个部分组成，这是其中的第一部分，旨在介绍管理红帽企业 Linux 服务器所需执行的核心系统管理任务。</div>
          <div
            class="detailed-summary-text2"
          >红帽系统管理一（RH124）专为之前没有 Linux® 系统管理经验的 IT 专业人员而设计。本课程侧重讲解 Linux 系统的核心管理任务，为学员提供系统管理的必备"生存技能"。本课程还会为计划成为全职 Linux 系统管理员的学员提供基础知识讲解，介绍关键命令行概念和企业级工具。</div>
          <div class="detailed-summary-text3">本课程基于红帽® 企业 Linux 8。</div>
          <div>
            <div class="detailed-abstract">
              <div class="detailed-abstracttext">课程内容摘要</div>
            </div>
            <div class="abstract-text-wrap">
              <div class="detailed-abstract-text1">
                <li class="abstract-text1">介绍命令行的使用</li>
                <li class="abstract-text1">管理物理存储</li>
                <li class="abstract-text1">安装和配置软件组件和服务</li>
                <li class="abstract-text1">建立网络连接和控制防火墙限制</li>
                <li class="abstract-text1">监控和管理正在运行的进程</li>
              </div>
              <div class="detailed-abstract-text2">
                <li>管理文件和文件系统并确保其安全性</li>
                <li>管理用户和群组</li>
                <li>查看系统日志文件和问题日志</li>
                <li>使用红帽智能分析进行问题故障排除和系统分析</li>
                <li>使用 SSH 和 Web 控制台对系统进行远程管理</li>
              </div>
            </div>
          </div>
           <div class="detailed-abstract">
              <div class="detailed-abstracttext">课程培训对象</div>
          </div>
          <p class="trainee">除了负责执行以下任务的 Linux 系统管理员之外，本课程还面向想要补充现有技能或支持其他团队成员的 Windows 系统管理员、网络管理员和其他系统管理员：</p>
          <div class="trainee-text">
            <li>按照已制定的标准和规程来配置、安装、升级和维护 Linux 系统</li>
            <li>提供运维支持</li>
            <li>管理用于监控系统性能和可用性的系统</li>
            <li>编写和部署任务自动化和系统管理脚本</li>
          </div>
           <div class="detailed-abstract">
              <div class="detailed-abstracttext">课程前提条件</div>
          </div>
           <div class="foot-condition"> 应该掌握在某些操作系统上使用计算机应用时所需的技术用户技能。</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import borderbg from "./img/borderbg.png";
import list from "../../components/list/index"
export default {
  data() {
    return {
      borderbg: borderbg,
       options: [{
          value: '选项1',
          label: 'Oracle 12c OCP'
        }, {
          value: '选项2',
          label: 'Oracle 12c OCM'
        }], 
        value: '',
         options1: [{
          value1: '选项1',
          label1: 'Oracle 12c OCP'
        }, {
          value1: '选项2',
          label1: 'Oracle 12c OCM'
        }], 
        value1: ''
    };
  },
  components:{
     list 
  }
};
</script>
<style lang="stylus">
  .redhat-certification-wrap 
    width: 1200px;
    height: 1307px;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin: 20px 120px 0 120px;
    background-color: #ffffff;
    padding: 39px 41px 71px 40px;
    .certification-title 
      display: flex;
      justify-content: space-between;
      margin-bottom: 43px;
      .title-text 
        font-size: 28px;
        line-height: 40px;
        color: #1b1b1b;
      .title-text2 
        font-family: MicrosoftYaHeiLight;
        font-size: 12px;
        line-height: 40px;
    .certification-content 
      display: flex;
      .list
        width: 240px;
        height: 130px;
        background-color: #ffffff;
        margin-right 40px
        border: solid 1px #dcdcdc;
        .el-input__inner
          width: 240px;
          font-family: MicrosoftYaHei-Bold;
          font-size: 16px;
          line-height: 40px;
          color: #ffffff;
          border-left none
          border-bottom none
          border-top none
          border-right solid 0.5px #dcdcdc;
          border-radius: 0px;
        .el-input__inner:active
          background-color: #db0801;
      .certification-content-detailed 
        width 835px
        .detailed-name 
          font-family: Arial-BoldMT;
          font-size: 30px;
          line-height: 40px;
          margin-bottom: 45px;
          color: #1b1b1b;
          .detailed-name1 
            font-family: ArialMT;
            font-size: 16px;
            font-weight: normal;
            letter-spacing: 0px;
            color: #1b1b1b;
        .detailed-summary 
          width: 180px;
          height: 45px;
          width: 180px;
          height: 45px;
          border: solid 1px #db0801;
          position: relative;
          .detailed-summary1 
            width: 180px;
            height: 45px;
            background-color: #db0801;
            margin-top: -1px;
            font-size: 18px;
            text-align: center;
            line-height: 40px;
            color: #ffffff;
            margin-top: -6px;
        .detailed-summary-text1 
          font-size: 16px;
          line-height: 30px;
          margin: 44px 0 38px 0;
          color: #333333;
        .detailed-summary-text2 
          font-size: 14px;
          line-height: 24px;
          color: #666666;
        .detailed-summary-text3 
          margin-top: 37px;
          line-height: 24px;
          margin-bottom: 70px;
        .detailed-abstract
          width: 180px;
          height: 45px;
          width: 180px;
          height: 45px;
          border: solid 1px #db0801;
          position: relative;
          .detailed-abstracttext
            width: 180px;
            height: 45px;
            background-color: #db0801;
            margin-top: -1px;
            font-size: 18px;
            text-align: center;
            line-height: 40px;
            color: #ffffff;
            margin-top: -6px;
        .abstract-text-wrap
          line-height: 24px;
          margin-top 40px
          justify-content space-between
          padding-right 98px
          display flex
          margin-bottom 72px
        .trainee
          margin-top 40px
          margin-bottom 20px
        .trainee-text
          margin-bottom 71px
        .foot-condition
          margin-top 40px
            
</style>